<template>
    <div class="check-button">
      <img  :class="{isShow :isCheck}" src="~assets/img/cart/tick.svg" alt="">
    </div>
</template>

<script>
export default {
name: "CheckButton",
  props:{
    isCheck:{
      type:Boolean,
      default(){
        return false
      }
    }
  }
}
</script>

<style scoped>
.check-button{
  padding-right: 10px;
  padding-left: 5px;
  position: relative;
}
.check-button img{
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #a3a3a5;
  position: absolute;
  top: 40%;
}

.isShow{
  background-color: var(--color-high-text);
}
</style>